﻿@import '../abstracts/variables';

.page-content-navigation {

    .page-content-navigation-navlink {
        &.active {
            .mud-nav-link {
                color: var(--mud-palette-primary);
                border-color: var(--mud-palette-primary);
                background-color: transparent;
            }
        }

        .mud-nav-link {
            padding: 4px 16px 4px 16px;
            color: var(--mud-palette-text-disabled);
            border-left: 2px solid var(--mud-palette-action-disabled-background);

            &.active {
                color: var(--mud-palette-primary);
                border-color: var(--mud-palette-primary);
                background-color: transparent;
            }

            .mud-nav-link-text {
                margin-left: 0px;
                margin-inline-start: 0px;
            }
        }
    }
}
